{% extends '@App/Layout.html.twig' %}
{% block body %}
		<!--案例内容-->
		<div class="jumbotron">
			<div class="container">
				<hgroup>
					<h1>寻人案例</h1>
					<h4>生活中虽然充满苦难，但人生总会有不期而遇的温暖和生生不息的希望。希望你对这个世界仍抱有善意，世界也一定会以善意回应你！</h4>
				</hgroup>
			</div>
		</div>
		<!--内容-->
		<div id="case">
			<div class="container">
				<div class="row">
					{% for case in case %}
					<div class="col-lg-3 col-md-4 col-xs-12 col-sm-6">
						<div class="thumbnail"><!--缩略图情况下，图片自动响应-->
							<a href="{{ path('personinfo', {'id':  case.Id }) }}"><img src="{{ case.PhotoUrl }}" alt=""></a>
								<div class="caption">
									<a href="{{ path('personinfo', {'id':  case.Id }) }}"><h4>{{ case.FullName }} {{ case.HomeCity }}</h4></a>
									<p>{{ case.Age }} {{ case.Sex }} </p>
									<p class="overflow">{{ case.Description }}</p>
								</div>
						</div>
					</div>
					{% endfor %}
				</div>
			</div>
		</div>
{% endblock %}
